<template>
	<view>
		<!-- 当设置tab-width, 指定每个tab宽度时, 则不使用flex布局, 改用水平滑动 -->
		<me-tabs v-model="tabIndex" :tabs="tabs" :fixed="true" :tab-width="130"></me-tabs>
		<swiper :style="{ height: height }" :current="tabIndex" @change="swiperChange">
			<swiper-item v-for="(tab, i) in tabs" :key="i">
				<mescroll-item ref="mescrollItem" :i="i" :index="tabIndex" :tabs="tabs"></mescroll-item>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 添加数据和索引的初始值
				tabIndex: 0,
				tabs: [],
				height: '100vh' // 设置默认高度
			}
		},
		mounted() {
			this.getCategoryMenu();
		},
		methods: {
			async getCategoryMenu() {
				let res = await uniCloud.callFunction({
					name: 'category', //云函数名称
					data: {
						type: 'get'
					} //传输数据
				})
				this.tabs = res.result.data;
				// 获取新闻数据
			}
		}
	}
</script>

<style scoped>

</style>